.m-container{
    .content{
        width: 100%!important;
        overflow: hidden;
        @include flex(1);
        #index-scroll{
            height: 100%;
            position: relative;
            .htmleaf-content{
                background: #f7f7f7;
                .reLoad{
                    background: #fff;
                    padding-bottom: 10px;
                    @include flexbox();
                    @include justify-content(center);
                    @include flex-direction(column);
                    @include align-items(center);
                    img{
                        width: 200px;
                        height: 50px;
                        margin: 10px auto 10px;
                    }
                    .reloadNotice{
                        line-height: 20px;
                        font-size: .14rem;
                        text-align: center;
                        color: rgb(193, 116, 192);
                    }
                }
                #banner-swiper{
                    background: #fff;
                    img{
                        width: 100%;
                    }
                    .swiper-pagination {
                      bottom: -10%;
                    }
                    .swiper-pagination-bullet-active{
                        background-color: #f60;
                    }
                }
                .typeList{
                    background: #fff;
                    height: 100px;
                    @include flexbox();
                    @include flex-direction(row);
                    @include justify-content(space-around);
                    @include align-items(center);
                    >div{
                        @include flexbox();
                        @include flex-direction(column);
                        @include justify-content(center);
                        @include align-items(center);
                        list-style: normal;
                        img{
                            width: 60px;
                            height: 60px;
                            margin-bottom: 10px;
                        }
                        p{
                            font-size: .14em;
                        }
                    }
                    >div:nth-of-type(4) {
                      padding-top: 10px;
                      >img {
                          width: 50px;
                          height: 50px;
                      }
                    }
                }
                .fashion{
                    margin-top:5px;
                    background: #fff;
                    .fashion-title{
                        width: 100%;
                        height: 44px;
                        background: url('/images/CgAANVexiTkEAAAAAAAAAFNcbqU218.png')no-repeat left bottom;
                        background-size: 80% 80%;
                    }
                    img{
                        width: 100%;
                        margin-bottom: 5px;
                    }
                    .fashion-footer{
                        margin-top: -5px;
                        width:100%;
                        height: 44px;
                        background: url('/images/CgAAGlexjlEEAAAAAAAAAISYC_o375.png')no-repeat center center;
                        background-size: auto 34px;
                    }
                    .fashion-more{
                        @include flexbox();
                        @include flex-direction(row);
                        @include justify-content(space-around);
                        img{
                            width: 30%;
                            height: 77px;
                        }
                    }
                }
                .prefect{
                    margin-top:5px;
                    background: #fff;
                    .prefect-title{
                        width: 100%;
                        height: 44px;
                        background: url('/images/CgAANVfo4o4EAAAAAAAAAFzL8xw145.png')no-repeat left bottom;
                        background-size: 80% 80%;
                    }
                    .swiper-slide{
                        width: 30%;
                        img{
                            width: 100%;
                        }
                    }
                }
                .show{
                    #picList-title{
                        width:100%;
                        height: 44px;
                        background: url('/images/bg_mmd_tag.png')no-repeat center center;
                        background-size: auto 22px;
                    }
                    #div1 {
                        position:relative;
                        overflow: hidden;
                        .box {
                            float:left;
                            width: 49%;
                            padding:4px;
                            box-shadow:0 0 10px $BaseColor;
                            box-sizing: border-box;
                            overflow: hidden;
                            .img{
                                width: 100%;
                                // height: auto;
                                margin-bottom: 10px;
                            }
                            .desc{
                                @include flexbox();
                                @include flex-direction(row);
                                @include align-items(center);
                                padding-left: 0;
                                img{
                                    margin: 0 10px 10px;
                                    width: 25px;
                                    height: 25px;
                                    border-radius: 50%;
                                }
                                i{
                                    font-size: .12em;
                                    color: #666;
                                }
                            }
                        }
                    }
                }
            }
            .goTop{
              display: none;
              width: .5rem;
              height: .5rem;
              border-radius: 50%;
              position: fixed;
              bottom: .3rem;
              right: .4rem;
              z-index: 999;
              background: url('/images/return-top_f4877f7.png') no-repeat center center;
            }
        }
    }
}
